//
//  _32_layout_special.scss
// -------------------------
//
//      Hier kommen eigene Definitionen rein.
//
//



// Layout/Seitenaufteilung
// =============================================================================

/* Seiten-Inhalt */
#page-wrap {
    margin: 0 auto;
    padding: $magic-number-half-unit;
    @include clearfix;
}

/* Kopf-Bereich */
.head {
    margin: $magic-number-half-unit 0;
    min-height: 55px;
    padding: 30px 0 0;
    width: 100%;
    @include clearfix;
    .head-logo {
        float: left;
        h1 {
            padding: 7px 0 0 8px;
        }
    }
    .head-finder {
        float: left;
        fieldset {
            margin: 0;
        }
    }
}

/* Statusleiste */
.statusbar {
    margin: $magic-number-half-unit 0;
    width: 100%;
    @include clearfix;
    .statusbar-date {
        float: left;
    }
    .statusbar-kekse {
        float: left;
    }
}

/* Navigation */
.navibar {
    margin: $magic-number-half-unit 0;
    width: 100%;
    @include clearfix;
    ul {
        margin: 0;
        padding: 0;
        @include clearfix;
        li {
            float: left;
            padding: 5px $magic-number-half-unit;
        }
    }
    .navibar-list, .navibar-sublist {
        float: left;
        margin: 0;
        width: 100%;
    }
    .navibar-list {
    }
    .navibar-sublist {
        display: none;
        margin: 0;
        padding: 0 0 $magic-number-quarter-unit;
    }
    .navibar-trigger {
        display: none;
        a {
            display: inline-block;
            height: 25px;
            width: 29px;
        }
    }
}

/* Content-Bereich */
.content-wrap {
    float: left;
    min-height: 10px;
    @include clearfix;
}

/* Zusatzinfos in Seitenbereich */
.margin {
    float: left;
    @include clearfix;
}

/* Fussbereich */
.foot {
    float: left;
    margin: $magic-number-unit 0 0;
    padding: $magic-number-quarter-unit 0;
    @include clearfix;
}



// Design-Anpassungen
// =============================================================================

/* Seiten-Inhalt */
#page-wrap {
    background: #ffffff;
    margin: 0 auto;
}

/* Kopf-Bereich */
.head {
    border-bottom: 1px solid $color-border;
    color: #808080;
    background: url(/images/default/web.png) no-repeat left top $color-bg-base;
    a {
        color: #E0691A;
        text-decoration: none;
    }
    .head-logo {
        letter-spacing: -1px;
        h1 {
            font: normal 2.1em Arial, Sans-Serif;
            letter-spacing: -1px;
            margin: 0;
            .dark {
                color: #737373;
                font-weight: bold;
            }
        }
    }

    .head-finder {
        fieldset {
            border-width: 0;
            font-size: 12px;
            text-align: right;
            input {
                padding: 6px 3px;
            }
        }
    }
}

/* Statusleiste */
.statusbar {
    font-size: 0.8em;
    .statusbar-date {
        float: right;
    }
    .statusbar-kekse {
    }
}

/* Navigation */
.navibar {
    ul {
        li {
            border-right: 1px solid lighten($color-bg-brand, 10%);
            color: $color-font-contrast;
            list-style: none;
            a {
                color: $color-font-contrast;
                display: block;
                text-decoration: none;
                &.Level2Active {
                    font-weight: bold;
                }
            }
            &:hover {
                background: darken($color-bg-brand, 20%);
            }
            &.aktiv {
                background: url("/images/default/bar.gif") no-repeat scroll center top darken($color-bg-brand, 20%);
                font-weight: bold;
            }
        }
    }
    .navibar-list, .navibar-sublist {
        background: $color-bg-brand;
    }

    .navibar-sublist {
        h4 {
            background: none repeat scroll 0 0 lighten($color-bg-brand, 10%);
            color: darken($color-bg-heading, 33%);
            font-size: 1em;
            margin: 0;
            padding: 0 4px;
        }
        border-top: 1px solid lighten($color-bg-brand, 10%);
    }
    .navibar-trigger {
        text-align: right;
        a {
            background: url("/images/responsive_design_dev/nav_toggle.png") center 0 no-repeat;
            text-indent: 9999px;
            &:hover, &.active {
                background-color: $color-bg-brand;
            }
            &.active {
                background-position: left -25px;
            }
        }
    }
}

/* Content-Bereich */
.content-wrap {
    h1 {
        background: $color-bg-heading;
        color: $color-font-contrast;
        font-size: 1.2em;
        line-height: 1em;
        padding: $magic-number-quarter-unit;
    }
}

/* Zusatzinfos in Seitenbereich */
.margin {
    h3 {
        background: darken($color-bg-heading, 33%);
        color: $color-font-contrast;
        font-size: 1.2em;
        line-height: 1em;
        padding: $magic-number-quarter-unit;
    }
}

/* Fussbereich */
.foot {
    background: $color-bg-base;
    border-top: 1px solid $color-border;
    clear: both;
}

